.el-input-number {
  &[data-suffix] {
    @apply relative;
    span.el-input-number__decrease,
    span.el-input-number__increase {
      right: 34px;
      border-right: var(--el-border);
      background-color: transparent;
      border-radius: 0;
    }
    .el-input__wrapper {
      padding-right: 79px !important;
    }
    &::after {
      content: attr(data-suffix);
      height: calc(100% - 2px);
      @apply block absolute px-[10px] top-px right-px bg-[#F7F8FA] rounded-r;
    }
  }
}

.append-domain {
  .el-input-group__append {
    padding: 0 10px;
  }
}

.el-input-number,
.el-input {
  &.border-none {
    .el-input__wrapper {
      border: none;
      box-shadow: none;
    }
  }
  &.bg-transparent {
    .el-input__wrapper {
      background-color: transparent;
    }
  }
  &.text-center .el-input__inner {
    text-align: center;
  }
  &.text-left .el-input__inner {
    text-align: left;
  }
  &.text-right .el-input__inner {
    text-align: right;
  }
}

.search-input {
  .el-input-group__append {
    padding: 0 14px !important;
    cursor: pointer;
  }
}

// 去掉el-input的背景色
.el-input {
  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
  }
}
